ul{
    list-style: none;
}
dl,ul{
    margin-bottom: 0;
    padding:0;
    padding:0;
}
.yt-nav{
    background-color: #00c8c8!important;
}

.navbar-nav>li>a{
    padding:0 15px;
    color:#fff;
}

.search{
    margin-right: 10px;
}

.navbar-light .navbar-brand{
    color: #fff;
}

.navbar-light .navbar-nav .nav-link{
    color: #fff;
}

.img-responsive{
    width:100%;
}

.venue-item:first-child{
    border-top:1px #eee solid;
}

.venue-item{
    padding:15px 0;
    border-bottom: 1px #eee solid;
}

.type-nav{
    height: 90px;
    line-height: 90px;
}
.type-nav li{
    float: left;
    padding: 0 30px;
    background: url("/images/lq5.png") left center no-repeat;
    background-size: 20px 20px;
}

.type-nav li a{
    font-size: 16px;
    color:#5f5f5f;
}

.tj-venue p{
    line-height: 40px;
    color: #636b6f;
    margin-bottom: 0;
}

.sidebar h3{
    height: 40px;
    padding-bottom: 20px;
    font-size: 22px;
    color: #636b6f;
    padding-left:10px;
}


.sidebar .img-demo{
    width:230px;
    height: 136px;
    border:2px #eee solid;
}

.main{
    padding-top: 20px;
}

.panel-default > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-body{
    padding-top: 30px;
}

.small-icon{
    width:60px;
    text-align: center;
}

.small-icon img{
    width:40px;
    height: 40px;
    border-radius: 50%;
}


.my-item .nav-link{
    line-height: 40px;
}

.user-icon{
    width:100px;
    height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 30px;
    overflow: hidden;
}

.user-icon img{
    width:100%;
}

.price-table{
    width:400px;
}

.price-table td{
    width:100px;
}

.price-table input{
    width:50px;
    text-align: center;
}

.order-area{
    padding-top: 30px;
}

.form-header{
    display: flex;
    height: 58px;
    background-color: #00c8c8;
    color:#fff;
    padding-top: 2px;
    padding-left: 10px;
}

.form-header dl{
    height: 56px;
    padding:0 15px;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
}

.form-header dl.active{
    background-color: #fff;
    color:#00c8c8;
}

.form-body .date-wrap{
    display: none;
}

.form-body .date-wrap.show{
    display: block;
}

.date-wrap li.ordered{
    background-color: #ddd;
}

td{
    color: #666b6f;
    border-right: 1px dashed #b3b3b3;
}
th{ color: #666b6f; font-weight: normal;}
.td-title{ background: #e4e4e4; font-weight: bold; color: #636b6e;}
.table-responsive{  overflow: hidden}
.table-responsive .content{ border: 1px solid #b4b4b4;}
.table-responsive .ac{ background: #00c8c8}


.times{
    height: 40px;
    padding-left: 125px;
}

.times li{
    float: left;
    width:50px;
    line-height: 40px;
    text-align: center;
}

.date-wrap dl{
    height: 35px;
    display: flex;
    border-bottom: 1px #b4b4b4 solid;
}

.date-wrap dl dt{
    width:130px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #e4e4e4;
}

.date-wrap dl dd{
    height: 35px;
    flex-grow: 1;
}

.date-wrap dl>dd>ul{
    height: 35px;
    display: flex;
}

.date-wrap li{
    width:50px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-right: 1px #b4b4b4 dashed;
    color:#62696f;
    cursor: pointer;
}

.date-wrap li.select{
    background-color: #00c8c8;
}



.order-form{
    padding-bottom: 150px;
}


#template{
    display: none;
}

.order-wrap{
    height: 460px;
    border:1px #d6d5d3 solid;
    padding:15px;
}

.order-header{
    font-size: 18px;
}

.order-date {
    color: #ff8350;
    font-size: 18px;
}


.order-body dl{
    width:90px;
    height: 50px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border:1px #d6d6d6 solid;
    text-align: center;
    float: left;
    margin: 10px;
}

.order-body dl dt{
    height:24px;
    background-color: #00c8c8;
    color: #fff;
}

.order-body dl dd{
    color:#00c8c8;
}

.order-footer{
    height: 50px;
    width:100%;
    position: absolute;
    left:0;
    bottom: 0;
    padding:0 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.total-price {
    color:#ff8402;
    font-size: 18px;
}

.order-wrap .save_order{
    background-color: #ff8402;
    padding:5px 20px;
    color:#fff;
}
